@charset "utf-8";

@import "common/common";


section{
    .company_profile{
        padding-top:73px;
        padding-bottom: 63px;
        h1{
            font-size: 36px;
            font-weight: bold;
            color: #2a2a2a;
        }
        h3{
            font-size: 21px;
            color: #2A2A2A;
            line-height: 30px;
        }
        .text_wrap{
            p{
                font-size: 14px;
                color: #2A2A2A;
                line-height: 30px;
                text-indent: 2em;
            }
        }
        .text_img_wrap{
            width: 100%;
            img{
                width: 100%;
            }
        }
    }
    .recruitment_contact{
        background-color: #8cc11f;
        padding-top: 95px;
        padding-bottom: 65px;
        h1{
            font-size: 36px;
            color: #fff;
        }
        .text_wrap_rec{
            p{
                font-size: 16px;
                color: #FFFFFF;
                line-height: 30px;
            }
        }
        .contact_mail{
            p{
                font-size: 16px;
                color: #fff;
                line-height: 30px;
            }
            .btn{
                background: #fff;
                font-size: 16px;
                color: #8cc11f;
                letter-spacing: 2px;
                cursor: pointer;
                &:hover{
                    background: #F5F5F5;
                }
            }
        }
    }
    .recruitment{
        padding-top: 70px;
        .con{
            padding-top: 52px;
            padding-bottom: 58px;
            border-bottom: 1px solid #d2d2d2;
            &:last-of-type{
                border-bottom: none;
            }
            .rec_title{
                h6{
                    font-size: 26px;
                    color: #8cc11f;
                }
            }
            .description{
               & > p{
                    font-size: 18px;
                    line-height: 30px;
                }
            }
            .require{
                & > p{
                    font-size: 18px;
                    line-height: 30px;
                }
            }
            ol{
                li{
                    line-height: 30px;
                }
            }
        }
    }
    .contact_information{
        padding-top: 23px;
        padding-bottom: 42px;
        background: #f4f4f4;
        h1{
            font-size: 36px;
            color: #2a2a2a;
        }
        .border_line{
            border: 1px solid #E3E3E3;
            border-radius: 3px;
            background: #ffffff;
        }
        .icon_wrap{
            margin-top: 11px;
            margin-bottom: 20px;
            height: 70px;
            width: 70px;
            display: inline-block;
            img{
                width: 100%;
            }
        }
        .text_wrap{
            font-size: 16px;
            margin-top: 11px;
            padding-top: 24px;
        }
    }
}
.mt-6{
    margin-top: -6px;
}
.md30{
    margin-bottom: 30px;
}
.md19{
    margin-bottom: 19px;
}
.md20{
    margin-bottom: 20px;
}

@media (max-width: 768px){
    section{
        .contact_information{
            .icon_wrap {
                margin-top: 11px;
                margin-bottom: 20px;
                height: 50px;
                width: 50px;
                display: inline-block;
                img{
                    width: 100%;
                }
            }
            .text_wrap{
                font-size: 14px;
                padding-top: 3%;
            }
        }
    }  
}
